@charset "utf-8";
body{margin: 0;padding: 0;}
.main {max-width: 32rem;
        margin:0 auto;
        padding: 1rem;
     }
.top{clear: both;
     margin:1rem 0; 
     height: 11rem;
     border-bottom: .1rem solid #eee;
     background: #f8f8f8;
     position: relative;}
.unpaidtxt{background: #fff;
           font-size: 1.3rem;
           line-height: 1.5rem;
           height: 1.5rem;
           color: #fc1d4c;
           text-align: right;
           border-top:.1rem solid #eee;}
.top img{width: 7.6rem;
         height: 7.6rem;
         display: inline;
         position: absolute;
         top:.8rem;
         left:.8rem;}
.top .b{font-size: 1.2rem;
        color: #333;
        line-height: 2rem;
        padding: 1rem 0;
        height: 8.5rem;
        padding: .5rem 0rem .5rem 9rem;
        position: relative;
        }
.top .a {font-size: 1.4rem;
              line-height: 2.5rem;
              text-align: right;
              position: absolute;
              bottom: .5rem;
              right: .5rem;
              color: red;
              }
.bottom{clear: both;
        max-width: 64rem;
        margin-bottom:1rem;
        }
.bottom p{margin: 0 auto;
          text-align: center;
          font-size: 1.4rem;
          color: #333;}


.bottom span{color: red;}
.pullUpLabel{text-align: center;display:block;}
.clear{clear:both;height:3rem;}
#wrapper{position:absolute; z-index:1;top:4rem; bottom:0; left:-9999px;width:100%;overflow:auto;}
#scroller{position:absolute; z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);width:100%;padding:0;}